<div data-update-Notice>
</div>
<div data-filter-Project data-search-Option="searchOption" data-filter-Search="filterSearch" data-select-Prj="selectPrj"></div>
<div id="anchor" data-ng-click="toggleLeftSideBar()" class="ui black  huge launch right attached button" style="width:30px;position: fixed;z-index:500;padding-left:18px;padding-top:12px;padding-bottom:12px;margin-left:-15px;text-align:center;background-color: #404040;">
    <i class="icon list layout"></i>
    <!-- data-ng-class="{'huge':!smallScreen,'big':smallScreen}" -->
</div>

<aside id="leftBar" class="ui vertical inverted labeled icon  sidebar menu" style="overflow-y:{{browser==='chrome'?'scroll':'auto'}};overflow-x:hidden;">

    <div class=" header red item" style="cursor:pointer;margin-left:-4%">
        <a id="close-left-icon" data-ng-show="smallScreen===true" class="ui right black corner label" data-ng-click="toggleLeftSideBar();$event.stopPropagation();">
            <i class="close link icon"></i>
        </a>
        <i class="inverted circular red link home  icon" data-ng-click="reloadMap()" id="homeButton"></i>
        <div style="text-align:center;margin-bottom: -3px;">
            <div class="ui inverted dropdown" id="projectTypes" style="display:inline-block;text-align:center;margin-left:8px;">
                <div class="text">监护项目</div>
                <i class="dropdown icon" style="margin:0"></i>
                <div class="menu">
                    <div class="item" data-ng-click="loadMap('MetroMonitor')">监护项目</div>
                    <div class="item" data-ng-click="loadMap('CriticalSectionMonitor')">长期沉降</div>
                    <div class="item" data-ng-click="loadMap('RoadTunnellMonitor')">公路隧道</div>
                </div>
            </div>
        </div>

        <!-- <div class="ui inverted" data-ng-click="reloadMap()">所有项目</div> -->
        <div data-ng-show="smallScreen===false" data-ng-click="filterProjectClick()" class="ui label" id="prjFilterBtn" style="float:right;margin-top:-16px;margin-right:-10px;">
            <i class="filter icon"></i>筛选({{filterMatchedPrjCount}})
        </div>
    </div>
    <div class="decal"></div>
    <!--     这是地图模式 -->
    <div class="ui inverted vertical accordion menu location-pane  div-shown" data-ng-show="viewState==='map'">
        <!-- 这里是每条线路 -->
        <div data-ng-repeat="prjList in allPrjsByLine | filter:filterLineSearch" class="line-pane">
            <div class="header ui item teal  line-item-header">
                {{prjList.name}}
                <i class="location  icon"></i>
                <span class=" ui  label panaroma" data-ng-show="prjList.panaroma" title="查看沿线全景图" data-ng-click="panaroma(prjList.panaroma);$event.stopPropagation();" style="">全景图</span>
            </div>
            <!-- 这里是每个工程 -->
            <div>
                <a class="item project-item" data-ng-repeat="prj in prjList.projects | filter:filterSearch" data-ng-class="prj.active?'active':' '" data-ng-click="selectPrj(prj.name)">
                    {{prj.name}}
                    <div class="ui  label"  title="{{prj.hasJsonLayer?'点击进入布点图':'还未制作布点图'}}"   data-ng-click="enterPrjMap(prj);$event.stopPropagation();"  data-ng-class="{'teal marker map-indicator':prj.hasJsonLayer}"><i class="map icon" style="margin-right:0;"></i>
                    </div>
                </a>
            </div>

        </div>
    </div>
    <!--     这是项目模式 -->
    <div data-ng-show="viewState!=='map'" id="projectPane">
        <vtabs data-cur-Prj="curPrj">
            <!-- 所有逻辑已经迁移到vtab里去了 -->
        </vtabs>
    </div>

</aside>
<aside id="bottomBar" class="ui  inverted  menu">
    <div class="container" style="position: relative;height: 100%;">
        <div class="right menu">
            <a class="item" data-ng-click="toggleBottomSideBar()">
                <i class="triangle  down icon"></i>
            </a>
        </div>
        <tabs>
            <pane header="累积图表">
                <div id="chart"></div>
            </pane>
            <pane header="{{smallScreen?'查询':'阶段查询'}}">
                <div id="calendar-pane" data-ng-show="searchMethod==='calendar'"></div>
                <div id="custom-search-pane" data-ng-show="searchMethod==='custom'">
                    <div class="ui small form inverted summray-form  ">
                        <div class="ui two fields">

                        </div>
                        <div class="small  field ">
                            <label class="date-label ">
                                <i class="icon calendar"></i> 开始时间
                            </label>
                            <input class="date-input" id="startSearchDate" type="datetime">
                        </div>
                        <div class="small  field ">
                            <label class="date-label ">
                                <i class="icon calendar"></i> 结束时间
                            </label>
                            <input class="date-input" id="endSearchDate" type="datetime">
                        </div>
                        <div class="ui two fields">

                        </div>

                        <div style="margin-top:0.5rem;" class="ui black submit small  button" data-ng-click="customSearch();$event.stopPropagation();">查询阶段变化</div>

                        <div style="margin-top:1.6rem;letter-spacing:2px;">
                            <strong>注意:</strong>当查询的时间段内的数据超过4个,将只返回最近4次结果.
                        </div>
                    </div>
                </div>
            </pane>
            <pane header="{{smallScreen?'总评':'总评报表'}}">
                <div class="ui small form inverted summray-form  ">
                    <div class="ui two fields">

                    </div>
                    <div class="small  field ">
                        <label class="date-label ">
                            <i class="icon calendar"></i> 开始日期
                        </label>
                        <input class="date-input" id="startDate" type="datetime">
                    </div>
                    <div class="small  field ">
                        <label class="date-label ">
                            <i class="icon calendar"></i> 结束日期
                        </label>
                        <input class="date-input" id="endDate" type="datetime">
                    </div>
                    <div class="ui two fields">

                    </div>
                    <div class="ui red submit small  button" id="summaryBtn" data-ng-click="summarySubmit();$event.stopPropagation();">生成汇总表</div>
                </div>
            </pane>
            <pane header="{{smallScreen?'概况':'工程概况'}}">
                <div id="summary-pane">
                    <h4>工程概况:</h4>
                    <!-- <div style="margin-right:2rem;height:1px;background-color:#D5CECE;margin-bottom:10px;"></div> -->
                    <div>
                        <p data-ng-repeat="t in curPrj.summary">
                            {{t}}
                        </p>
                    </div>
                </div>
            </pane>
        </tabs>
    </div>
</aside>
<div id="map">

</div>


<div class="ui large modal transition basic" id="singleChartModal" style="text-align:center;">
    <div id="singleChartModalCotent" class="content">

    </div>
</div>

<div id="progress" class="ui blue progress">
    <div id="progressBar" class="bar"></div>
</div>
